<template>
  <div>
    <!-- 视频 -->
    <div class="shiping">
        <video :src="content.video" controls></video>
    </div>
    <!-- 视频详情 -->
    <div class="shipxiangqing">
        <span>
            {{content.title}}
        </span>
    </div>
  </div>
</template>

<script>
export default {
    name:'DianShitaineirong',
    props:['content'],
     mounted() {
    this.$nextTick(function () {
      if (!this.content) {
        this.$router.go(-1);
      }
    });
  },
}
</script>

<style scoped>
.shiping{
    width: calc(100% -20px);
    margin: 5px 10px 20px 10px;
}
.shiping>video{
    width: 100%;
}
.shipxiangqing{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px black solid;
}
</style>